<template>
  <div>
    <el-menu style="width:200px;min-height:calc( 100vh - 50px) "
             default-active="1-1"
             router
             class="el-menu-vertical-demo">

     <el-sub-menu index="1" v-if="user.role===1">
      <template #title>
        <i class="el-icon-user-solid"></i>
        <span>寄件</span>
      </template>
      <el-menu-item index="delivery">寄件</el-menu-item>
      <el-menu-item index="queryDelivery">寄件记录</el-menu-item>
    </el-sub-menu>
      <el-sub-menu index="2" v-if="user.role===1">
        <template #title>
          <i class="el-icon-collection"></i>
          <span>取件</span>
        </template>
        <el-menu-item index="queryNotTakeAwayByMyself">待取记录</el-menu-item>
        <el-menu-item index="queryTakeAwayByMyself">已取历史记录</el-menu-item>
      </el-sub-menu>
      <el-sub-menu index="3" v-if="user.role===1">
        <template #title>
          <i class="el-icon-data-line"></i>
          <span>朋友帮取</span>
        </template>
<!--        <el-menu-item index="queryMyRequestToFriend">请朋友取</el-menu-item>-->
        <el-menu-item index="queryFriendRequestNotake">朋友请求帮取</el-menu-item>
        <el-menu-item index="queryFriendRequestTakeByMyself">帮朋友取记录</el-menu-item>
      </el-sub-menu>
      <el-sub-menu index="4" v-if="user.role===2">
        <template #title>
          <i class="el-icon-data-line"></i>
          <span>存件</span>
        </template>
        <el-menu-item index="storeByExpressman">存件</el-menu-item>
        <el-menu-item index="queryStoredByExpressman">我存的件</el-menu-item>
      </el-sub-menu>
      <el-sub-menu index="5" v-if="user.role===2">
        <template #title>
          <i class="el-icon-data-line"></i>
          <span>取件</span>
        </template>
        <el-menu-item index="queryPickedUpByExpressmanAndNoTake">待取件</el-menu-item>
        <el-menu-item index="queryPickedUpByExpressmanAndTake">已取件</el-menu-item>
      </el-sub-menu>
      <el-menu-item index="managerExpressman" v-if="user.role===3">
          <i class="el-icon-edit-outline"></i>管理快递员</el-menu-item>
      <el-menu-item index="queryData" v-if="user.role===3">
        <i class="el-icon-edit-outline"></i>统计快递员派件情况</el-menu-item>
    </el-menu>
  </div>
</template>
<script>
export default {
  name: "Aside",
  data(){
    return{
      user:{},
    }
  },
  created(){
    let userStr=sessionStorage.getItem("user")||"{}"
    this.user=JSON.parse(userStr)
  }
}
</script>

<style scoped>

</style>